<template>
    <view class="flex justify-center items-center bg-gray-100 rounded-lg " :class="{
        'shadow-sm': 1
    }">
        <view class="bg-white p-6 rounded-lg w-96" :class="{
            'shadow-sm': 1
        }" :style="{
            ...(style || {})
        }">
            <slot />
        </view>
    </view>
</template>

<script setup lang="ts">
import type { CSSProperties } from 'vue';

defineProps<{
    shadow?: boolean
    style?: CSSProperties
}>()
</script>
